.content .e-box1 .box-a {
  flex: 3;
  clear: both;
  overflow: hidden;
}
.content .e-box1 .box-a .btnbox {
  float: right;
  margin-bottom: 62px;
}
.content .e-box1 .box-a #echart1 {
  width: 100%;
}
.content .e-box1 .box-b {
  flex: 7;
}
.content .e-box1 .box-b .flex .box-a-a {
  flex: 68;
  position: relative;
}
.content .e-box1 .box-b .flex .box-a-a .map-title {
  font-family: PingFangSC-Regular;
  font-size: 20px;
  color: #03CEF9;
  letter-spacing: 0;
  position: absolute;
  top: 9px;
  left: 55px;
}
.content .e-box1 .box-b .flex .box-a-a .map-number {
  position: absolute;
  top: 40px;
  left: 16px;
}
.content .e-box1 .box-b .flex .box-a-a .map-number span {
  display: inline-block;
  margin-right: 4px;
  font-size: 26px;
  width: 37px;
  height: 46px;
  text-align: center;
  line-height: 46px;
  color: #fff;
  background-image: linear-gradient(-180deg, #5168ff 0%, #00d2ff 100%);
}
.content .e-box1 .box-b .flex .box-a-b {
  flex: 32;
}
.content .e-box1 .box-b .flex .box-a-b .box-a-b-p {
  display: block;
  width: 192px;
  height: 49px;
  margin: 28px auto;
  line-height: 49px;
  text-align: center;
  background: url(../img/right-title.png) no-repeat;
  font-size: 18px;
  color: #00FFFF;
  letter-spacing: 0;
}
.content .e-box2 .box-a {
  width: 690px;
  flex-shrink: 0;
}
.content .e-box2 .box-b {
  flex: 1;
  padding: 24px 30px;
}
.compare-city-list {
  position: relative;
  margin-top: 20px;
}
.compare-city-list .link-item {
  font-size: 14px;
  color: #FFFFFF;
  padding: 0 10px;
}
.compare-city-list__item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: 28px;
  width: 100px;
  background: rgba(3, 206, 249, 0.3);
  border: 1px solid #03CEF9;
  border-radius: 3px;
  font-size: 14px;
  color: #DBDAEA;
  line-height: 26px;
  padding-left: 14px;
  padding-right: 18px;
}
.compare-city-list__item:after {
  position: absolute;
  right: 8px;
  top: 8px;
  display: block;
  content: '';
  width: 9px;
  height: 9px;
  background: url('../img/close icon.png') no-repeat;
  background-size: cover;
  opacity: .6;
  cursor: pointer;
}
.chart-legend {
  position: absolute;
  right: 30px;
  top: 4px;
  font-size: 13px;
  color: #A3AED9;
}
.chart-legend-item {
  display: inline-flex;
  align-items: center;
}
.chart-legend-item__tag {
  margin-right: 8px;
  width: 30px;
  height: 12px;
}
.chart-legend-item:first-child .chart-legend-item__tag {
  background: rgba(74, 114, 255, 0.58);
  border: 1px solid #4A72FF;
}
.chart-legend-item:nth-child(2) .chart-legend-item__tag {
  background: rgba(55, 201, 54, 0.6);
  border: 1px solid #37C936;
}
